<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/index.css">
	<link href="css/timeline.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="css/baguetteBox.css">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery-3.2.1.js"></script> 
	<script src="js/index.js"></script>
</head>
<body>
	<!-- 主体 -->
	<div id="gx_layout">
		<!-- 头部 -->
		<header id="gx_header">
			<div class="container">
				<div class="con_top">
					<div class="con_top_box  clearfix">
						<!-- logo -->
						<div id="logo">
							<a href="#"><img src="./images/logo.png" alt=""></a>
						</div>
						<!-- 导航 -->
						<div id="daohang">
							<ul class="dh_ul clearfix">
								<li><a href="index.html">首页</a></li>
								<li><a href="history.html">发展历程</a></li>
								<li><a href="feature.html">艺术特点</a></li>
								<li>
									<a href="representative.html">代表人物</a>
								</li>
								<li><a href="meaning.html">传承意义</a></li>
								<li><a href="forum.html">广绣圈</a></li>
							</ul>
							<div id="daibiao">
								<div><a href="representative.html#csf">陈少芳</a></div>
								<div><a href="representative.html#xcg">许炽光</a></div>
								<div><a href="representative.html#lgk">梁桂开</a></div>
								<div><a href="representative.html#llq">陆柳卿</a></div>
							</div>
						</div>
					</div>
				</div>
				<!-- 轮播图*6 -->
				<div id="lunbo">
					<ul id="lunbotu">
						<li class="now bg1">
							<div class="lb_content">
								<h3>喜迎春</h3>
								<h4>（陈少芳 作品）</h4>
								<p>广绣是以广州为中心的珠江三角洲民间刺绣工艺的总称，以构图饱满，形象传神，纹理清晰，色泽富丽，针法多样，善于变化的艺术特色而闻名。广绣与潮州刺绣合称粤绣。</p>
								<a href="representative.html#csf">查看更多</a>
							</div>
						</li>
						<li class="bg2">
							<div class="lb_content">
								<h3>芒香鸟跃</h3>
								<h4>（梁纪设计 许炽光等制作）</h4>
								<p>当绣片缓缓展开的一刹那，仿佛释放出神奇的魔力，所有人都醉了。那细于毫芒的针线，繁缛美妙的纹样，散发着神秘东方的幽香。</p>
								<a href="representative.html#xcg">查看更多</a>
							</div>
						</li>
						<li class="bg3">
							<div class="lb_content">
								<h3>兰花</h3>
								<h4>（陈少芳 作品）</h4>
								<p>据17世纪的欧洲出版物披露，16世纪末，葡萄牙人每年从广州进口5300箱精制丝绸，每箱有250匹各色丝绸，以及不计其数的瓷器、漆器、壁画等工艺品，并通过里斯本市场，流向英国、法国等欧洲国家。</p>
								<a href="representative.html#csf">查看更多</a>
							</div>
						</li>
						<li class="bg4">
							<div class="lb_content">
								<h3>竹报平安</h3>
								<h4>（许炽光绣 作品）</h4>
								<p>与岭南人的性格一样，广绣的发展，从一开始就呈现出开放特性，无论是用材还是技法，都非常善于从海内外博采众家所长。</p>
								<a href="representative.html#xcg">查看更多</a>
							</div>
						</li>
						<li class="bg5">
							<div class="lb_content">
								<h3>甜蜜蜜</h3>
								<h4>（梁纪设计 许炽光 梁桂开等制作）</h4>
								<p>17、18世纪，尽管丝绸在西方人的心目中，已褪去神秘的色彩了，许多欧洲国家都能生产，但中国丝绸，仍以其优质价廉和迷人的东方韵味，迎合了欧洲对东方的绮丽想象，因而热度经久不降。</p>
								<a href="representative.html#xcg">查看更多</a>
							</div>
						</li>
						<li class="bg6">
							<div class="lb_content">
								<h3>年年有余</h3>
								<h4>（双鱼 陈少芳作品）</h4>
								<p>清乾隆年间（1736～1795年），广州的绣坊、绣庄多达五十多家，三千多花佬每天埋头在绷架前，飞针走线，绣出一片花花世界。</p>
								<a href="representative.html#csf">查看更多</a>
							</div>
						</li>
					</ul>
					<!-- 小圆点 -->
					<div class="yuandian">
						<ul class="clearfix">
							<li class="d_now"></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</div>
				</div>
			</div>
		</header>
		
		<!-- about -->
		<section id="gx_about">
			<div class="container">
				<div id="l_about">
					<h2>广绣介绍</h2>
					<p>广绣是粤绣之一，指广州、佛山、南海、番禺、顺德、东莞、宝安、香山、台山等地的刺绣，也就是以广州为中心的珠江三角洲民间刺绣工艺的总称。广绣始于唐朝，流传至今已有一千多年的历史。广绣以构图饱满，形象传神，纹理清晰，色泽富丽，针法多样，善于变化的艺术特色而闻名宇内。包括刺绣字画、刺绣戏服、珠绣等。</p>
					<p>广绣品种齐全，按刺绣材料分，主要有真丝绒绣、金银线绣、线绣和珠绣四类。广绣，也作为一种著名的造型艺术，还与江苏的苏绣、湖南的湘绣、四川的蜀绣并称为中国的四大名绣。</p>
					<p>2006年5月20日，广绣经中华人民共和国国务院批准列入第一批国家级非物质文化遗产名录。</p>
				</div>
				<div id="r_about">
					<div class="b_box"><img src="./images/chatu1.jpg" alt=""></div>
					<div class="b_box"><img src="./images/chatu2.jpg" alt=""></div>
					<div class="b_box"><img src="./images/chatu9.jpg" alt=""></div>
				</div>
				<div class="clearfix"></div>
			</div>
		</section>
		<!--history-->
		<section id="gx_history">
			<div class="container clearfix">
				<div id="history_box">
					<h2>历史源流</h2>
					<div class="timeline">
	                    <div class="timeline__wrap">
	                        <div class="timeline__items">
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>2010年3月</h4>
	                                    <p>广州绣品工艺厂正式改制。</p>
	                                </div>
	                            </div>
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>2003年以来</h4>
	                                    <p>广州绣品工艺厂抓好广绣技艺的传承工作，召集了出身刺绣世家、广绣技艺高超娴熟，有丰富的创作和刺绣经验的艺术大师回厂带徒授艺。根据市场需要，钻研、设计、开发和生产传统工艺与时尚元素相结合的有地方特色、有艺术创新的广绣绣画。通过方方面面的共同努力，千年广绣焕发出蓬勃生机，绣品销向全世界各地，广绣技艺延续并发扬光大。</p>
	                                </div>
	                            </div>
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>1983年4月</h4>
	                                    <p>广州珠绣品工艺厂与南华工艺厂合并，定名为广州绣品工艺厂。</p>
	                                </div>
	                            </div>
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>1978年9月</h4>
	                                    <p>新滘刺绣社转为合作工厂，1979年改名为广州珠绣品工艺厂。</p>
	                                </div>
	                            </div>
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>1965年</h4>
	                                    <p>新滘刺绣社与其它刺绣社合作，抽出人员专门从事珠绣品生产，从来料加工逐步向出口外销发展。</p>
	                                </div>
	                            </div>
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>1950年左右</h4>
	                                    <p>广州刺绣艺人已创作了不少技艺精湛，富有传统特色和鲜明的时代气息的优秀的广绣绣画，这些绣画享誉中外</p>
	                                </div>
	                            </div>
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>1938年日军侵占广州之后</h4>
	                                    <p>手艺人们改行谋生，广绣一落千丈。</p>
	                                </div>
	                            </div>
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>1926年</h4>
	                                    <p>余德、黄妹等组织锦绣工会，有会员900余名，产品多为镜画、褂群、会景（大幅绣画），远销海外。手艺人们改行谋生，广绣一落千丈。</p>
	                                </div>
	                            </div>
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>1920年</h4>
	                                    <p>在“广东省第一回美术展览会”上，宋铭黄的刺绣作品参展，好评如潮。</p>
	                                </div>
	                            </div>
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>宣统三年（1911年）</h4>
	                                    <p>在南京举办的“南洋劝业会”上，缤华艺术学校选送的绣品获三等奖，黄洪弟子余德（宗禧，1880~1970）的《孔雀牡丹》荷包获二等奖。</p>
	                                </div>
	                            </div>
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>光绪年间</h4>
	                                    <p>，广东省成立工艺局，设缤华艺术学校，聘请岭南画家高剑父担任缤华艺术学校校长，校内设绘画、刺绣、雕刻等习艺班，高剑父之妻宋铭黄亲自在刺绣班任教。又开设缤华绣品陈列馆，陈列刺绣精品。</p>
	                                </div>
	                            </div>
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>明嘉靖三十五年（1556年）</h4>
	                                    <p>一位曾在广州逗留了几个星期的葡萄牙传教士克罗兹，回国后在其所著的“回忆录”中写道：“广州很多手工业工人都为出口贸易而工作。出口的产品也是丰富多彩的。</p>
	                                </div>
	                            </div>
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>南宋时</h4>
	                                    <p>，广东绣品开始从深闺小院和皇室内庭走向国内外市场，发展成为民间一项重要的副业生产。</p>
	                                </div>
	                            </div>
	                            <div class="timeline__item">
	                                <div class="timeline__content">
	                                    <h4>唐永贞元年</h4>
	                                    <p>据唐人苏颚在《杜阳杂编》所载：“唐永贞元年，广东南海贡奇女卢眉娘，年十四，工巧无比，能于一尺绢上绣《法华经》七卷，字之大小，不逾粟粒，而点划分明，细如毫发”。</p>

	                                </div>
	                            </div>
	                        </div>
	                    </div>
	                </div>
				</div>
			</div>
		</section>
		<section id="gx_count">
			<div class="container">
				<div class="con_box">
					<h2>当前日期</h2>
					<div class="it year_box clearfix">
						<h1><span>0</span></h1>
						<p>年</p>
					</div>
					<div class="it month_box">
						<h1><span>0</span></h1>
						<p>月</p>
					</div>
					<div class="it date_box">
						<h1><span>0</span></h1>
						<p>日</p>
					</div>
				</div>
			</div>
		</section>
		<!-- 代表人物 -->
		<section id="gx_representative">
			<div class="container">
				<div class="con_box">
					<h2>广绣传承人</h2>
					<div id="repr_box" class="clearfix">
						<div class="b_layout">
							<div class="re_border" style="transform:rotate(5deg)"></div>
							<div class="re_border" style="transform:rotate(-5deg)"></div>
							<div class="re_border">
								<img src="./images/p01.jpg" alt="">
								<div class="bg_grey">
									<h3>陈少芳</h3>
									<p>2001年被评为广东省一级工艺美术大师</p>
								</div>
							</div>
						</div>
						<div class="b_layout">
							<div class="re_border" style="transform:rotate(5deg)"></div>
							<div class="re_border" style="transform:rotate(-5deg)"></div>
							<div class="re_border">
								<img src="./images/p02.jpg" alt="">
								<div class="bg_grey">
									<h3>许炽光</h3>
									<p>广绣大师、广绣行业里最后的“花佬”，擅长广绣传统技艺，是目前广州市广绣行业里头最后的“花佬”。</p>
								</div>
							</div>
						</div>
						<div class="b_layout">
							<div class="re_border" style="transform:rotate(5deg)"></div>
							<div class="re_border" style="transform:rotate(-5deg)"></div>
							<div class="re_border">
								<img src="./images/p03.jpg" alt="">
								<div class="bg_grey">
									<h3>梁桂开</h3>
									<p>先后被评为“广东省工艺美术大师”、“广东省工艺美术师”等称号</p>
								</div>
							</div>
						</div>
						<div class="b_layout">
							<div class="re_border" style="transform:rotate(5deg)"></div>
							<div class="re_border" style="transform:rotate(-5deg)"></div>
							<div class="re_border">
								<img src="./images/p04.jpg" alt="">
								<div class="bg_grey">
									<h3>陆柳卿</h3>
									<p>13岁参加广绣工作，从事刺绣工作50多年，代表作有《伟大领袖毛主席像》、《木棉红》、《渔女》等</p>

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section id="gx_meaning">
			<div class="container">	
				<div id="l_meaning">
					<img src="./images/chatu.jpg" alt="">
				</div>
				
				<div id="r_meaning">
					<h2>传承意义</h2>
					<p>粤绣中凝聚着历代艺人的天才与智慧，从艺术风格到创作思维都充满了岭南特色，其成长历程与岭南文化发展的轨迹紧密叠合在一起。黄洪、许练成、余德、黄妹、陈荷影等都是具有影响力的粤绣传承人。现在随着老艺人的逝世，一些粤绣绝活已经逐渐失传，粤绣惟一的工艺大师陈少芳女士也已年近七十，粤绣迫切需要年轻的传承人。在社会经济不断发展、科学技术迅猛进步的今天，依靠手工技艺出奇制胜的粤绣受到机绣、电脑绣的严重冲击，市场萎缩，生存困难，迫切需要扶持和保护。</p>
				</div>
				<div class="clearfix"></div>
			</div>
		</section>
		<section id="gx_tupian">
			<div class="container">
				<h2>作品赏析</h2>
				<!-- 瀑布流 -->
				<section class = "gallery">
				   <div>
				     <a href="img/2-2.jpg" data-caption="广绣">
				        <img src="img/thumbs/2-2.jpg" alt="First image">
				    </a>
				   </div>
				   <div>
				     <a href="img/2-3.jpg" data-caption="广绣">
				        <img src="img/thumbs/2-3.jpg" alt="First image">
				     </a>
				   </div>
				   <div>
				        <a href="img/2-4.jpg" data-caption="广绣">
				        <img src="img/thumbs/2-4.jpg" alt="First image">
				    </a>
				   </div>
				   <div>
				     <a href="img/4-1.jpg" data-caption="广绣">
				        <img src="img/thumbs/4-1.jpg" alt="First image">
				    </a>
				   </div>

				     <div>
				     <a href="img/4-2.jpg" data-caption="广绣">
				        <img src="img/thumbs/4-2.jpg" alt="First image">
				    </a>
				   </div>
				   <div>
				       <a href="img/4-3.jpg" data-caption="广绣">
				        <img src="img/thumbs/4-3.jpg" alt="First image">
				    </a>
				   </div>
				     <div>
				     <a href="img/4-4.jpg" data-caption="广绣">
				        <img src="img/thumbs/4-4.jpg" alt="First image">
				    </a>
				   </div>
				    <div>
				       <a href="img/4-3.jpg" data-caption="广绣">
				        <img src="img/thumbs/4-3.jpg" alt="First image">
				    </a>
				   </div>
				 <div>
				     <a href="img/2-2.jpg" data-caption="广绣">
				        <img src="img/thumbs/2-2.jpg" alt="First image">
				    </a>
				   </div>
				   
				</section>
			</div>
		</section>
		<div id="goTopBtn"><span class="icon_top"></span></div>
		<footer>
			<p>Copyright ©广东农工商职业技术学院</p>
			<p>20175533124</p>
			<p>李嘉慧</p>
		</footer>	
	</div>
</body>

<script src="js/timeline.min.js"></script>
	<script>
        timeline(document.querySelectorAll('.timeline'), {
            forceVerticalMode: 700,
            mode: 'horizontal',
            verticalStartPosition: 'left',
            visibleItems: 4
        });    
    </script>
<script src="js/baguetteBox.js"></script>
<script>
 baguetteBox.run('.gallery', {
  // 配置参数
  buttons:Boolean,//是否显示导航按钮。
  noScrollbars:true,//是否在显示时隐藏滚动条。
  titleTag:true,//是否使用图片上的title属性作为图片广绣
  async:false,//是否异步加载文件。

  afterShow:function(){//显示遮罩层之后的回调函数。   
       $(".pressing").fadeIn();
    },
  afterHide:function(){//隐藏遮罩层之后的回调函数。 
      $(".pressing").fadeOut(); 
    }
  //preload:5 预加载多少个文件。
  // onChange: function(currentIndex, imagesCount){} 图片改变时的回调函数 
  // overlayBackgroundColor:'rgba(0,0,0,0.8)' 遮罩层的背景颜色
});
$(function(){
	$(".dh_ul li").eq(3).hover(function(){
		$("#daibiao").show(1000);
		$("#daibiao").mouseover(function(){
			$(this).css("display","block");
		});
		$("#daibiao").mouseout(function(){
			$(this).css("display","none");
		});
	},function(){
		$("#daibiao").hide();
	});
    //返回顶部 
    $(window).scroll(function(){
        var sc=$(window).scrollTop();
        var rwidth=$(window).width()
        if(sc>500){
            $("#goTopBtn").css("display","block");
            $("#goTopBtn").css("left",(rwidth-106)+"px")
        }else{
            $("#goTopBtn").css("display","none");
        }
    })
    $("#goTopBtn").click(function(){
        var sc=$(window).scrollTop();
        $('body,html').animate({scrollTop:0},100);
    })

    $(".allnews").click(function () {
        $("#allcon").css("height", "auto");
        $(this).hide(1000);
    });
})
</script>
</html>